<!doctype html>
<html lang="en">
<head>
	<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'>
	<title>Ruby Library - TNRoR</title>
	<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
	<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="js/equalcolumns.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>
<body>

<header>
		<h1><img src="images/header.png" width="960" height="150" alt="f"></h1>
</header>
	<ul id="MenuBar1" class="MenuBarHorizontal">
	  <li><a href="#">HomePage</a>      </li>
	  <li><a href="#" class="MenuBarItemSubmenu">Book List</a>
	    <ul>
          <li><a href="#">New Book</a></li>
          <li><a href="#">Hot Book</a></li>
          <li><a href="#">View by Category</a></li>
          <li><a href="#">Search</a></li>
	    </ul>
	  </li>
	  <li><a class="MenuBarItemSubmenu" href="#">My Account</a>
	    <ul>
	      <li><a href="#">My Profile</a>          </li>
	      <li><a href="#">Book History</a></li>
		</ul>
      </li>
	  <li><a href="#">About</a></li>
	</ul>
<br>
    <br>
	<div id="innercontent">
	<h2> Register new account </h2>
	<form name="register" action="" method="post">
		<table >
			<tr height="30">
				<td> Email: </td>
				<td><input type="text" name="email"></td>
			</tr>
			<tr height="30">
				<td> Password: </td>
				<td> <input type="password" name="password"> </td>
			</tr>
			<tr height="30">
				<td> Password Confirm: </td>
				<td> <input type="password" name="passwordconfirm"> </td>
			</tr>
			<tr height="30">
				<td> Full Name: </td>
				<td><input type="text" name="fullname"></td>
			</tr>
			<tr height="30">
				<td> Phone Number: </td>
				<td><input type="text" name="phonenum"></td>
			</tr>
			<tr height="30">
				<td> Address: </td>
				<td><input type="text" name="address"></td>
			</tr>
			<tr height="30">
			<td></td>
			<td><input type="submit" value="Submit"></td>
			</tr>
		</table>
	<form>
	</div>
		
<aside>
  <section>
			  <header>
					<h3>Find a book</h3>
			</header>
				<form name="findbook" method="post" action="">
				  <p>
				    <input type="text" name="Search" id="Search">
				    <input type="submit" name="Searchbtn" id="Searchbtn" value="Search">
				  </p>
			  </form>
  </section>
  <section>
			  <header>
					<h3>Login</h3>
			</header>
			<form name="login" method="post" action="">
			  <table width="260" border="0">
			    <tr>
			      <td width="71">Username</td>
			      <td width="179"><input type="text" name="txtUserName" id="txtUserName"></td>
		        </tr>
			    <tr>
			      <td>Password</td>
			      <td><input name="txtPassword" type="password" id="txtPassword"></td>
		        </tr>
			    <tr>
			      <td>&nbsp;</td>
			      <td><input type="submit" name="Login" id="Login" value="Login">
		          <input type="button" name="SignUp" id="SignUp" value="SignUp"></td>
		        </tr>
			    <tr>
			      <td>&nbsp;</td>
			      <td>Forgot Password ?</td>
		        </tr>
		      </table>
	  </form>
	</section>
    <section>
			  <header>
					<h3>Category</h3>
			</header>
				  <p>
				   - English (4) <br>
				   - Computer science (9)<br>
				   - Chemical (12)<br>
				   - Photography(13)<br>
				   - History (13)<br>
				   - Geography (11)<br>
				  </p>
	</section>
</aside>
<footer class="fcentered">
  <p>------ Ruby Library - TNROR 2012 ------</p>
</footer>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
